
	@import "base.less";
/* =========================初始化 css 结束======================== */


/* ======================导航栏样式开始================= */
	@import "global.less";
	nav{
		.nav_firstLevel{
			.nav_list{
				ul.solution{
					display: block;
				}
			}
		}
		.nav_twoLevel{
			display: block;
			
		}
	}
/* ======================导航栏样式结束================= */


/* ======================主体内容开始================= */
main{
	padding-top:140px;
	h3{
		font:900 50px "Microsoft Yahei";
		text-align:center;
		color:#fff;
	}
	#vr_pratice_top{
		position:relative;
		img{
			width:100%;
			vertical-align:middle;//去除图片底部间隙
		}
		div{
			width:980px;
			// height:200px;
			text-align:center;
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			P{
				font-size:18px;
				margin-top:20px;
				line-height:25px;
				color:#fff;
				width:1050px;
			}
		}
	}
	#vr_pratice_con{
		width:100%;
		height:940px;
		background:url(../images/vr_dev_bg.png) no-repeat center 200px;
		#vr_pratice_equipment{
			margin-bottom:100px;
			.vr_pratice_equipment-top{
				position:relative;
				margin-top:20px;
				height:100px;
				>div{
					width:335px;
					padding-top:70px;
					background:url(../images/VR2.png) no-repeat center top;
					background-size:50px;
					text-align:center;
					position:absolute;
					top:0;
					left:50%;
					&:nth-of-type(2){
						transform:translateX(-50%);
					}
					&:nth-of-type(3){
						transform:translateX(100%);
					}
					&:nth-of-type(1){
						transform:translateX(-200%);
					}
					span{
						line-height:30px;
						font-size:18px;
						color:#7f7f7f;
					}
				}
			}
		}
		#vr_pratice_equipment_content{
			height:635px;
			h3{
				color:#000;
			}
			h5{
				width:225px;
				margin:15px auto;
				font-size:18px;
				color:#7f7f7f;
			}
			>div{
				position:relative;
				margin:50px 0;
				.left{
					position:absolute;
					top:50px;
					left:50%;
					transform:translateX(-115%);
					>img{
						width:550px;
					}
					>div{
						>div{
							position:absolute;
							top:0;
							left:0;
							text-align:center;
							img{
								width:50px;
								// margin:0 auto;
							}
							&:nth-of-type(5){
								transform:translate(70px,78px);
							}
							&:nth-of-type(4){
								transform:translate(293px,193px);
							}
							&:nth-of-type(3){
								transform:translate(379px,40px);
							}
							&:nth-of-type(2){
								transform:translate(196px,96px);
								img{
									width:65px;
								}
							}
							&:nth-of-type(1){
								transform:translate(238px,5px);
							}
							p{
								margin-bottom:5px;
							}
						}
					}
				}
				.right{
					position: absolute;
					top:0;
					left:50%;
					font:500 25px/50px "Microsoft Yahei";
					p{
						width:540px;
						margin-bottom:10px;
					}
					ul{
						li{
							&:first-of-type{
								text-indent:1em;
							}
						}
					}
				}
			}
		}
		>p{
			width:970px;
			margin:0 auto;
			margin-top:50px;
			font-size:18px;
			color:#7f7f7f;
		}
	}
	#vr_pratice_bot{
		background:url("../images/vr_show_bg2.png") no-repeat;
		background-size:100%;
		padding:18%;	
		text-align:center;
		position:relative;
		>div{
			width:940px;
			position:absolute;
			top:50%;
			left:50%;
			transform:translate(-50%,-50%);
			p{
				font-size:18px;
				color:#fff;
				line-height: 50px;

				&:first-of-type{
					margin-top:50px;
				}
			}
		}
	}
}	


/* ======================主体内容结束================= */

